<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%-- 
	DBEXEL is a Database Backed & Web-Based Worksheet and chart management program. 
 	It has been influenced by Excel.
 	For questions or suggestions please contact the developper at ( Development@Gandomi.com )
 	Copyright (C) 2011 Baubak Gandomi   
 
 	This file is part of the application DBEXEL
 
 	DBEXEL is free software: you can redistribute it and/or modify
 	it under the terms of the GNU General Public License as published by
 	the Free Software Foundation, either version 3 of the License, or
 	(at your option) any later version.
 
 	DBEXEL is distributed in the hope that it will be useful,
 	but WITHOUT ANY WARRANTY; without even the implied warranty of
 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 	GNU General Public License for more details.
 
 	You should have received a copy of the GNU General Public License
 	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 --%>

<%@taglib prefix="s" uri="/struts-tags"%>


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="pageName" content="Add New Entry to WorkSheet">
<meta name="main_actor.name" content="<s:property value="workSheet.ws_Name" />">
<meta name="main_actor.id" content="<s:property value="workSheet.ws_Id" />">


<title>Add New Entry to WorkSheet</title>
<script src="js/jquery-1.7.1.min.js"></script>

</head>
<body>
<s:form  action="AddNewEntryToWorkSheet" theme="simple">
	<s:hidden name="workSheet_Id"></s:hidden>
	<table border="1" >
	
		<tr>
			<td> 
				<table  id="contentTable">
					<tr  id="attrRow">
						<s:iterator value="workSheet.attributes" var="currentAttribute">
							<th><s:property value="attrName" /></th>
						</s:iterator>
					</tr>
					<tr id="attrValRow">
						<s:iterator value="workSheet.attributes" status="cellPosition">
							<td><s:textfield name="%{'newAttributeValues['+attrId+']'}"/></td> 
						</s:iterator>
					</tr>
					<s:iterator value="workSheet.entries" var="currentEntry">
						<tr>
							<s:iterator value="fetchAttributeValues()">
								<td><s:property value="value" /></td>
							</s:iterator>
						</tr>
					</s:iterator>
				</table>
			</td>
			<td><button type="button" id="addAttrValue" >+</button></td>
		</tr>
	</table>
	<s:submit />
</s:form>


<script>
$(document).ready(function(){
 var attrValueId = 0;
 
 $("#addAttrValue").click(function(){
    
   $("#attrRow").append("<th><input name='newAddedAttributes["+attrValueId +"]'/></th>");
   $("#attrValRow").append("<td><input name='newAddedAttributeValues["+attrValueId +"]'/></td>");

    attrValueId = attrValueId+1;
  });
});
</script>
</body>
</html>